<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="/jquery.js"></script>
    <script type="text/javascript">
        $(function (){
            $(".dept").click(function (){
                console.log("Sdfaf")
                $.get("/dept1001","",function (data){
                    console.log(data)
                    var li = "<li>"+data.id+"</li>"+"<li>"+data.name+"</li>"+"<li>"+data.department_number+"</li>"
                    $("#d1001").append(li)
                })
                return false
            })
        })

    </script>
</head>
<body>
<a href="" class="dept">Dianji</a>
<ul id="d1001"></ul>

</body>
</html>